@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="alert alert-info" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <span class="glyphicon  glyphicon-volume-up "  aria-hidden="true"></span>
                <strong>官方APP已上线 ! </strong>官网与APP账户同步注册创建。 <a href="#" class="alert-link">了解详情</a>...
            </div>

            {{--@include('Common._errors')--}}
            <div class="panel panel-default box-shadow">
                <div class="panel-heading">
                    {{--<p class="navbar-text navbar-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p>--}}
                    编程达人-用户注册
                </div>

                <div class="panel-body">

                    <form class="form-horizontal" method="POST" action="{{ route('register') }}">
                        {{ csrf_field() }}

                        <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                            <label for="name" class="col-md-4 control-label">用户名</label>

                            <div class="col-md-5">
                                <input id="name" type="text" class="form-control" name="name" value="{{ old('name') }}" required autofocus>

                                @if ($errors->has('name'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('name') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>



                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                            <label for="password" class="col-md-4 control-label">密码</label>

                            <div class="col-md-5">
                                <input id="password" type="password" class="form-control" name="password" value="{{ old('name') }}" required>

                                @if ($errors->has('password'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="password-confirm" class="col-md-4 control-label">确认密码</label>

                            <div class="col-md-5">
                                <input id="password-confirm" type="password" class="form-control" value="{{ old('name') }}" name="password_confirmation" required>
                            </div>
                        </div>

                        <div class="form-group {{ $errors->has('mobile') ? ' has-error' : '' }}">
                            <label for="mobile" class="col-md-4 control-label">手机号码</label>

                            <div class="col-md-3">
                                <input id="mobile" type="text" class="form-control"  name="mobile" value="{{ old('mobile') }}" required>

                                @if ($errors->has('mobile'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('mobile') }}</strong>
                                    </span>
                                @endif
                            </div>
                            <div class="col-md-3">
                                <input id="btnSendCode" class="btn btn-default" type="button" value="发送验证码" onclick="sendMessage()" />

                            </div>
                        </div>

                        <div class="form-group {{ $errors->has('codesms') ? ' has-error' : '' }}">
                            <label for="codesms" class="col-md-4 control-label">短信验证码</label>

                            <div class="col-md-3">
                                <input id="codesms" type="text" class="form-control" name="codesms" value="{{ old('codesms') }}" required>

                                @if ($errors->has('codesms'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('codesms') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group {{ $errors->has('captcha') ? ' has-error' : '' }} ">
                            <label for="captcha" class="col-md-4 control-label">验证码</label>

                            <div class="col-md-3">
                                <input id="captcha" class="form-control" name="captcha" >


                                @if ($errors->has('captcha'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('captcha') }}</strong>
                                    </span>
                                @endif
                            </div>
                            <div class="col-md-2">
                                <img class="thumbnail captcha" src="{{ captcha_src('mini') }}" onclick="this.src='/captcha/mini?'+Math.random()" title="点击图片重新获取验证码">

                            </div>
                        </div>


                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-4 checkbox">
                                <label>
                                    <input type="checkbox" class="checkreginfo"  name="checkreginfo" checked> 同意<a class="btn btn-link" data-toggle="modal" data-target="#myModal" >《编程达人注册协议》</a>
                                </label>
                            </div>

                        </div>

                        <div class="form-group">
                            <div class="col-md-2 col-md-offset-4">
                                <button type="submit" class="btn btn-primary">
                                    <span class="glyphicon glyphicon-ok-sign "  aria-hidden="true"></span>
                                     提 交 注 册
                                </button>
                            </div>

                        </div>
                    </form>
                </div> <div class="panel-footer">
                    <a href=" {{ route('login') }} " class="pull-right"> 返回登录
                        <span class="glyphicon glyphicon-arrow-left"  aria-hidden="true"></span>

                    </a>
                  <div class="clearfix"></div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                  <h4 class="modal-title" id="myModalLabel">
                    编程达人用户注册协议
                </h4>
            </div>
            <div class="modal-body">
                <div class="newsxx_notes">
                    服务条款<br>
                    欢迎您来到编程达人（www.bcdaren.com）<br>
                    <br>
                    编程达人是主要依靠网络技术，通过编程达人平台向您在线提供在线学习与移动学习服务。请您在注册和使用编程达人学习平台前仔细阅读本协议。如您不同意本协议任何条款，请勿注册账号或使用本平台。<br>
                    <br>
                    一.注册协议条款的确认和接受<br>
                    <br>
                    1. 本协议双方为昆山爱达人信息技术有限公司旗下的编程达人（以下亦称“本网站”）和编程达人注册用户。本协议阐述之条款和条件适用于编程达人（所涉域名为： <span style="white-space:normal;">www.bcdaren.com</span>）的全部学习服务，包括但不限于各种课程视频、学习内容、源代码、资料及相应服务。<br>
                    <br>
                    2. 编程达人注册用户同意按照本协议的规定及其不定时发布的操作规则提供基于互联网和移动网的相关服务(以下称“网络服务”)。为获得网络服务，申请人应当认真阅读、充分理解本《协议》中各条款, 包括免除或者限制本网站责任的免责条款及对用户的权利限制条款。认真阅读并选择接受或不接受本《协议》(未成年人应在法定监护人陪同下阅读)。同意接受本协议的全部条款的，申请人应当按照页面上的提示完成全部的注册程序，并在注册程序过程中点击“同意”按钮，否则视为不接受本《协议》全部条款，申请人应当终止并退出申请。<br>
                    <br>
                    3. 注册用户在使用编程达人中的有关服务时，应承诺接受并遵守各项相关规则的规定。编程达人有权根据实际运营需要而不定时修改本协议或补充协议，如本协议有任何变更，将通过网站消息或其他方式通知用户。如注册用户不同意相关变更，则应立即终止账号使用，否则即视同用户同意并完全接受修订后的协议版本。经修订的协议一经公布于编程达人网站链接及页面，立即自动生效，亦成为本协议的一部分。注册用户登录且继续使用服务将被视为已接受修订后的协议。除书面另行声明外，任何扩大的服务范围及新增提供的内容均受本协议约束。<br>
                    <br>
                    二. 注册用户的权利和义务<br>
                    <br>
                    1. 用户在注册时应按照注册提示提供准确的用户名、密码及真实的联系邮箱、手机号码、真实姓名等所要求的个人资料，并及时更新注册（报名）资料，符合及时、详尽、准确的要求，用户输入的所有个人信息将被视作用户的准确身份信息。<br>
                    <br>
                    2. 如果学员提供的资料包含有不正确或不良的信息，本网站保留结束学员使用网络服务资格的权利。<br>
                    <br>
                    3. 在支付课程或会员费用并经编程达人确认后，注册用户有权通过本人在编程达人的注册的账号享受相应服务。具体服务内容的时间、进度及期限以编程达人的具体课程及产品说明、公告及内容为准。<br>
                    <br>
                    4. 编程达人的注册账号只为注册用户本人所专有并仅限由其本人自己使用。一个注册账号同一时间，只能在一台终端机上登录并使用，且一个注册账号至多只能在注册用户本人所有的五台不同的终端机上登录使用。<br>
                    <br>
                    5. 未经编程达人许可，不得以任何形式向第三方转让、授权、出售编程达人课程、服务或授权第三方使用注册账号，不得以任何形式通过本站内容进行盈利活动，不得在商业环境下展映、传播本网站教学内容。<br>
                    <br>
                    6. 注册用户仅对其在编程达人上享有的服务及内容有使用权，并不对该内容拥有相关知识产权。未经编程达人或其他有权第三方的许可，用户不得对包括视频、学习软件、学习资料、音频内容等在内的任何内容进行翻录、复制、发行、破解、信息网络传播或其他违反知识产权相关法律、法规的行为，否则所导致的一切民事、行政或刑事责任，由用户自行承担。<br>
                    <br>
                    7. 对于用户在编程达人中所下载任何标有编程达人所有的资料，注册用户只得根据具体的使用协议进行使用，并不拥有该产品及产品中任何内容的一切知识产权。除非经相应的产品使用协议许可，注册用户不得自行或授权他人对软件或其中的任何一部分进行复制、反编译、倒序制造、反汇编、试图推导源代码、破译、修改或创作衍生作品，因此而造成编程达人或任何第三方的损失，由用户承担全部责任。编程达人对上述侵权或违约行为保留追索的权利。<br>
                    <br>
                    8. 对于注册用户在编程达人提交的问题与笔记，注册用户同意编程达人对此内容享有复制、发行及独家的出版权。<br>
                    <br>
                    9. 注册用户应对其账号的全部使用行为承担责任，应严格遵守本协议、相关法律法规、账号及课程使用规定。未经编程达人许可，禁止用户向任何第三方提供编程达人中的任何内容或资料。<br>
                    <br>
                    10. 注册用户应自行配备上网的所需设备，包括个人电脑、调制解调器或其他必备上网装置；用户应自行负担因使用这种接入方式而产生的上网电话费、上网信息费等费用。<br>
                    <br>
                    11. 编程达人的所有服务均附期限，用户应在截止日期前享受其购买的服务。因到期服务终止所导致的任何后果，编程达人不承担任何责任。<br>
                    <br>
                    12. 注册用户的编程达人充值（包括但不限于通过网上支付、邮局汇款、银行电汇、货到付款、上门购买并现金支付、自经销商处购买听课卡等各种购买方式），一经购买都不允许任何形式的退换和退费。<br>
                    <br>
                    13. 用户在账号使用过程中不得制作、复制、发布、传播含有下列内容的信息：<br>
                    <br>
                    (1) 反对宪法所确定的基本原则的；<br>
                    <br>
                    (2) 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；<br>
                    <br>
                    (3) 损害国家荣誉和利益的；<br>
                    <br>
                    (4) 煽动民族仇恨、民族歧视，破坏民族团结的；<br>
                    <br>
                    (5) 破坏国家宗教政策，宣扬邪教和封建迷信的；<br>
                    <br>
                    (6) 散布谣言，扰乱社会秩序，破坏社会稳定的；<br>
                    <br>
                    (7) 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；<br>
                    <br>
                    (8) 侮辱或者诽谤他人，侵害他人合法权益的；<br>
                    <br>
                    (9) 干扰或者侵犯编程达人的正常运行和秩序，影响其他用户正常使用的；<br>
                    <br>
                    (10) 含有法律、行政法规禁止的其他信息内容的。<br>
                    <br>
                    14. 注册用户将自行承担注册账号使用过程中可能发生的风险和损失。<br>
                    <br>
                    15. 用户对本协议或将来的修改版本有任何异议的，或对产品服务存有异议或不满的，可以通过客服QQ（1250121864）向编程达人有关部门进行反映沟通，不得通过煽动、诋毁及通过散布其他不良信息方式进行。<br>
                    <br>
                    三. 注册用户的违约责任<br>
                    <br>
                    1. 注册用户如违反本协议第二条第四款、第五款、第六款、第七款的规定，编程达人将视其情况停止注册用户所享有的服务2天至60天不等，情况及影响恶劣者，编程达人有权立即终止向其提供服务，并删除其账户信息。<br>
                    <br>
                    2. 注册用户如违反本协议第二条第十三款规定，编程达人将立即终止向其提供的服务，同时保存有关记录，并向国家有关机关报告。<br>
                    <br>
                    3. 注册用户如违反本协议约定，应赔偿所造成的编程达人全部经济损失，包括但不限于律师费、公证费、赔偿金及行政处罚金等，并承担其他法律责任。<br>
                    <br>
                    4. 注册用户因违约而导致对任何第三方的侵权或任何索赔，均应由注册用户独自并完全承担，并且注册用户应赔偿编程达人为此所遭受的全部经济损失。如该等赔偿已由编程达人清付，注册用户应立即全数（含利息）偿还，并且，注册用户应赔偿编程达人为此所遭受的经济及商誉的损失。<br>
                    <br>
                    四. 编程达人的权利和义务<br>
                    <br>
                    1. 编程达人有义务通过现有技术维护编程达人的正常运行，并努力提升和改进服务使用户的学习活动得以顺利进行；由于不可抗力所导致服务的中止或终止，编程达人不对因此造成注册用户的任何损失承担责任。<br>
                    <br>
                    2. 用户在注册及使用编程达人过程中遇到的相关问题，编程达人将力争及时作出反馈。<br>
                    <br>
                    3. 如因系统维护或升级而需暂停服务时，编程达人应提前告知用户。<br>
                    <br>
                    4. 编程达人不保证其服务一定能够满足用户的全部要求，也不担保其服务不会因各种客观原因中断。<br>
                    <br>
                    五. 免责条款<br>
                    <br>
                    1. 当用户所享有的服务中显示其他第三方网站或内容时，由于编程达人无法控制及审核该网站或内容，因此并不对该网站或内容真实性、有效性、合法性等效力承担责任。对于用户任何因使用或信赖该网站或内容所导致的任何直接或间接损失，编程达人均不承担任何责任。<br>
                    <br>
                    2. 由于用户将个人注册账号信息告知他人或与他人共享注册帐号的，由此导致的任何风险或损失，编程达人不对此负任何责任。<br>
                    <br>
                    3. 任何由于黑客攻击、计算机病毒侵入或发作、政府管制、硬件故障、不可抗力等非编程达人故意或严重过失而造成的用户个人资料泄露、丢失、被盗用、被篡改或服务暂定或终止的，对注册用户所造成的风险或损失，编程达人均得免责。<br>
                    <br>
                    4. 若因线路及非编程达人控制范围外的或其它不可抗力而导致暂停服务暂定或终止，所造成的一切风险与损失，编程达人不负任何责任。<br>
                    <br>
                    5. 编程达人有权根据用户的实际需求进行服务调整的权利，并有权根据实际情况调整本网站内容的售价， 由此造成的一切不便与损失，编程达人均得免责。<br>
                    <br>
                    6. 有权利删减自己的课程。<br>
                    <br>
                    六. 隐私条款<br>
                    <br>
                    编程达人将严格履行用户个人隐私保密义务，承诺不公开、编辑或透露用户个人信息，<br>
                    <br>
                    但以下情况除外：<br>
                    <br>
                    1. 经用户授权透露这些信息；<br>
                    <br>
                    2. 应政府部门、法律及法规要求提供、披露相关用户个人资料；<br>
                    <br>
                    3. 在特定情况下，为竭力维护用户个人、其他社会个体和公共安全需要。<br>
                    <br>
                    七. 法律<br>
                    <br>
                    本协议根据现行中华人民共和国法律法规制定并解释。如发生协议条款与中华人民共和国法律法规相抵触时，则抵触内容将按法律规定重新解释，但不影响其它条款的效力。<br>
                    <br>
                    八. 解释权<br>
                    <br>
                    上述条款的解释权在法律允许的范围内归编程达人所有。<br>
                    <br>
                    相关参考法律法规：<br>
                    <br>
                    1.《全国人大常委会关于维护互联网安全的决定》<br>
                    <br>
                    2.《互联网文化管理暂行规定（2011修订）》<br>
                    <br>
                    3.《互联网信息服务管理办法》<br>
                    <br>
                    4.《互联网站禁止传播淫秽、色情等不良信息自律规范》<br>
                    <br>
                    5.《中华人民共和国侵权责任法》<br>
                    <br>
                    6.《中华人民共和国合同法》<br>
                    <br>
                    7.《中华人民共和国著作权法》<br>
                    <br>
                    8.《中华人民共和国计算机软件保护条例》<br>
                    <br>
                    9.《信息网络传播权保护条例》<br>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">关闭
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
@endsection
@section('script')
<script>
    var InterValObj; //timer变量，控制时间
    var count = 60; //间隔函数，1秒执行
    var curCount;//当前剩余秒数
    function startTime() {
        window.clearInterval(InterValObj);//停止计时器
        $("#btnSendCode").removeAttr("disabled");//启用按钮
        $("#btnSendCode").val("重新发送验证码");
    }
    function SetRemainTime() {
        if (curCount == 0) {
            startTime();
        }
        else {
            curCount--;
            $("#btnSendCode").val("" + curCount + "秒后重发");
        }
    }
    function sendMessage() {
        var telephone=$("[name='mobile']").val();
        //验证手机号格式
        var mobile = /^(\+?0?86\-?)?((13\d|14[57]|15[^4,\D]|17[3678]|18\d)\d{8}|170[059]\d{7})$/;
        if(telephone && mobile.test(telephone)){
            curCount = count;
            　　//设置button效果，开始计时
            $("#btnSendCode").attr("disabled", "true");
            $("#btnSendCode").val("" + curCount + "秒后重发");
            InterValObj = window.setInterval(SetRemainTime, 1000);
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            　　type: "GET",
            　　dataType: "text",
            　　url: '{{ route('seedRegistrationSms') }}',
            　　 data: "mobile=" + $('#mobile').val(),
            　　 error: function (XMLHttpRequest, textStatus, errorThrown) {
                   if(XMLHttpRequest.status==422){

                       var r=eval('(' + XMLHttpRequest.responseText + ')');
                       console.log( r);
                       startTime();
                       alert(r['errors']['mobile']);
                       $("[name='mobile']").focus();

                   }
               },
            　　success: function (msg){
                if(msg==000){alert("验证码发送成功,请注意查收")}
                else if(msg.length=6){alert(msg);startTime()}
                else if(msg.length>8){alert(msg);startTime()}
                else{alert('短信发送失败，多次发送失败请联系客服');startTime()}
                }
            });
        }
        else{
            alert('请输入正确手机号');
            $("[name='mobile']").focus();
            return false;
        }
    }

    $("form").submit(function(e){
        if(!$('.checkreginfo').prop('checked'))
        {
            e.preventDefault();
            alert("必须同意编程达人注册协议，才能注册成为会员");
        }
    });

 </script>
@stop